const path = require('path'); // node中的path模块 webpack基于node
module.exports = {
  transpileDependencies: true,

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      // 哪些文件自动引入
      patterns: [
        path.join(__dirname, './src/assets/style/mixin.less'),
        path.join(__dirname, './src/assets/style/variables.less')
      ]
    }
  },
  //打包
  lintOnSave: false,
  publicPath: './', // 基本路径
  outputDir: 'dist', // 输出文件目录
  assetsDir: "static", //放置生成的静态文件目录（js css img）
  productionSourceMap: false, // 生产环境是否生成 sourceMap 文件
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') { // 为生产环境修改配置...
      config.mode = 'production';
      config["performance"] = { //打包文件大小配置
        "maxEntrypointSize": 10000000,
        "maxAssetSize": 30000000
      }
    }
  },
  // 这个是给webpack-dev-server开启可IP和域名访问权限。
  configureWebpack: {
    devServer: {
      allowedHosts: ['www.corho.com']
    },
    externals: {
      qc: 'QC'
    }
  }
}
